#plats{
    margin-left: 200px;
}


span.photo {
  position:relative;
}
span.photo:hover {
   background: none;
   z-index: 500;
}
span.photo span {display: none;}

span.photo:hover span {
   width: 342px;
   height: 233px;
   display: inline;
   position: absolute;
   margin-left: 5px;
   margin-top: -150px;
   background-image: url(../images/bulle_image.png);
   background-repeat: no-repeat;
}

span.photo:hover img{
    width: 250px;
    height: 180px;
    margin-left: 53px;
    margin-top: 14px;
    border: 7px solid white;
}

body{
    font-family: Arial;
    margin: 0;
}

#site{
    width: 100%;
    height : 100%;
    margin-left : auto;
    margin-right : auto;
    background-color: white;
}

#haut{
    width: 100%;
    background-image:url(../images/banniere_cotes.png);
    background-repeat: repeat-x;

}

#banniere{
    width: 1024px;
    height: 161px;
    margin: 0 auto;
    background-image:url(../images/banniere.png);
    background-position: center;
    background-repeat: no-repeat;

}

#menu_all{
    width: 100%;
    background-image:url(../images/barre_cotes.png);
    background-repeat: repeat-x;
}


#menu{
    width: 1024px;
    height: 41px;
    margin: 0 auto;
    background-image:url(../images/barre_menu.png);
    background-repeat: no-repeat;
    background-position: center;
}

#middle_left{
    float: left;
    clear: both;
    width: 27px;
    height: 421px;
    margin: 0 auto;
    margin-bottom: 40px;
    background-image:url(../images/bar_bras_rest.png);
    background-repeat: no-repeat;

}
#middle_up{
    width: 1024px;
    height: 144px;
    margin: 0 auto;
    background-image:url(../images/middle_haut.png);
    background-repeat: no-repeat;

}


#middle_mid{
    width: 1024px;
    min-height: 624px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
    background-image:url(../images/middle_mid.png);
    background-position: center;
    background-repeat: repeat-y;

}

#middle_down{
    width: 1024px;
    height: 41px;
    margin: 0 auto;
    background-image:url(../images/middle_bas.png);
    background-position: center;
    background-repeat: no-repeat;

}

#barre_down{
    float: left;
    width: 100%;
    height: 80px;
    margin: 0 auto;
    background-color: black;
    background-image:url(../images/barre_bas.png);
    background-position: top;
    background-repeat: repeat-x;
}


/*MENU*/

#menu_list {
    margin: 0;
    padding-top: 9px;
    list-style: none;
}


#menu_list li
{
    display: inline;
    list-style-type: none;
    padding-right: 65px;
    padding-bottom: 19px;
}

#accueil{
    margin-left: 85px;
    margin-right: 95px;
}

#menu_list li a{
    padding-bottom: 19px;
    text-decoration: none;
    color : black;
}

#menuAccueil{
    float: left;
    margin-left: 105px;
    padding-top: 1px;    
}

#menuClick{
    float: left;
    margin-left: 102px;
    padding-top: 1px;
}

#menuEvent{
    float: left;
    padding-top: 1px;
}

#menuPhotos{
    float: left;
    padding-top: 1px;
}

#menuContact{
    padding-top: 1px;
}

#pointe a:hover
{
    background-image: url(../images/pointe.png);
    background-repeat: no-repeat;
    background-position: bottom;
    text-align: center;
    color : red;
    cursor: pointer;
}

/*FIN MENU*/

/*NOM DU MENU*/

#nom_menu{
    width: 325px;
    padding-top: 82px;
    padding-left: 50px;
}

#nom_menu p{
    text-align: center;
    color: white;
    letter-spacing: 15px;
}

/*Fin nom du menu*/

/* Zone erreur */
.error-form{
    background-color: yellow;
    color : red;
    font-size: 12px;
}

/*text accueil*/

#ac_content{
    margin-left: 70px;
    margin-top: 90px;
    font-size: 20px;
}


/*fading*/

.fade1 {
  position: absolute;
  margin-left: 133px;
  margin-top: 62px;
  top: 100px;
  left: 100px;
}

.fade1 img{
    height: 36px;
    width: 115px;    
}

.fade1 div {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}


.fade2 {
  position: absolute;
  margin-left: 350px;
  margin-top: 62px;
  top: 100px;
  left: 100px;
}

.fade2 img {
    height: 36px;
    widht: 99px;
}

.fade2 div {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.fade3 {
  position: absolute;
  margin-left: 450px;
  margin-top: 62px;
  top: 100px;
  left: 100px;
}

.fade3 img {
    height: 36px;
    widht: 152px;
}

.fade3 div {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.fade4 {
  position: absolute;
  margin-left: 602px;
  margin-top: 62px;
  top: 100px;
  left: 100px;
}

.fade4 img {
    height: 36px;
    widht: 110px;
}

.fade4 div {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.fade5 {
  position: absolute;
  margin-left: 712px;
  margin-top: 62px;
  top: 100px;
  left: 100px;
}

.fade5 img {
    height: 36px;
    widht: 125px;
}

.fade5 div {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

